import styled from "styled-components";

export const HeaderDiv = styled.div`
/* 头部样式 */
   width :100%;
  .header{
   height:40px;
   width :100%;
   background-color:#ffffff;
   color:#9e9e9e;
   font-size:16px;
   padding-left:10px;
   padding-top:5px;
   
   strong{
      color:black
   }
  }

  //表单样式
   .formMine{
      box-sizing:border-box;
      height:200;
      width:100%;
      background-color:#ffffff;

      
      .formone{
         margin-left:50px;
         margin-bottom:30px;
      }
      .formtwo{
         margin-left:50px;
         margin-bottom:30px;
         span{
            margin-left:20px;
         }
      }
      Input{
         width:200px;
      }
   }
   /* 按钮 */
   .buttonSearch{
      width:100px;
      /* margin-left:70px; */
      }
   .buttonAdd{
      background-color:green;
      border-color:green; 
      margin-left:70px; 
      width:100px;
      height:40px;
      font-size:16px;
   }
  
   /* 表格 */
   .formlist{
      clear: both;
   }
   .formBuying{
      box-sizing:border-box;
      height:170px;
      width:100%;
      background-color:#ffffff;
      /* padding-left:50px; */
      padding-top:20px;
      
      .formone{
         margin-left:50px;
         margin-bottom:30px;
      }
      .formtwo{
         margin-left:50px;
         margin-bottom:30px;
         span{
            margin-left:20px;
         }
      }
      Input{
         width:200px;
      }
   }
   
`
export const TabDiv = styled.div`
     width :100%;
  .header{
   height:40px;
   width :100%;
   background-color:#ffffff;
   color:#9e9e9e;
   font-size:16px;
   padding-left:10px;
   padding-top:5px;
   strong{
      color:black
   }
  }
  .TabPage{
     margin-left:20px;
     color:black;
     font-weight:bolder;
     
  }
`

